    <script type="text/javascript">
       function change(str){
      $("#main-content").load(str);
       }
</script>
<span class="leftpanel" >
        <h3><b>Employee Control</b></h3>
        
        <div id="listContainer">
            <%--<div class="listControl">
                <a id="expandList">Expand All</a>
                <a id="collapseList">Collapse All</a>
            </div>--%>
            <ul id="expList">
                
                <li>
                    Customer
                    <ul>
                        <li>
                            <a href="#" onclick="location.href='index.jsp#divModalDialog4';" >Add</a>
                        </li>
                        <li>
                            <script type="text/javascript">
                                function updatesticky(){
                                    stickytooltip.init("*[data-tooltip]", "mystickytooltip")
                                }
                            </script>
                            <a href="#" onmouseover="updatesticky()" data-tooltip="sticky1">Edit</a>
                        </li>
                        <li>
                            <a href="#" onclick="window.open('removecustomer.jsp','Remove Customer','toolbar=no,scrollbars=yes,resizable=no,width=350px,height=350px')" >Remove</a>
                        </li>
                    </ul>
                </li>
                <li>
                            <a href="#" data-tooltip="sticky3" >Record Order</a>
                </li>
                <li>
                            <a href="#" onclick="change('CustomerRep/mailinglists.jsp')" >Customer Mailing Lists</a>
                </li>
                <li>
                            <a href="#" data-tooltip="sticky2" >Stock Suggestion</a>
                </li>
                
            </ul>
        </div>
            <!--HTML for the tooltips-->
            <div id="mystickytooltip" class="stickytooltip">
            <div style="padding:5px">

            <div id="sticky1" class="atip" style="overflow: auto;height: 100px;width:190px;">
                <jsp:include page="../registrationeditlinks.jsp"/>
            </div>
            <div id="sticky2" class="atip" style="overflow: auto;height: 100px;width:190px;">
                <jsp:include page="../stocksuggestionlist.jsp"/>
            </div>
            <div id="sticky3" class="atip" style="width:250px;">
                <jsp:include page="../CustomerRep/order.jsp"/>
            </div>
            </div>
            <div class="stickystatus"></div>
            </div>
    </span>
